<?php slot('title','Velzab - Contáctanos'); ?>
<script type="text/javascript">
$(document).ready(function(){
    $("form").submit(function(e){
        var nombreCompleto = $("#nombreCompleto").val();
        var correoElectronico = $("#correoElectronico").val();
        var telefono = $("#telefono").val();
        var asunto = $("#asunto").val();
        var mensaje = $("#mensaje").val();
        if(nombreCompleto=="" || nombreCompleto==undefined){
            $("#nombre").focus();
            alert("Ingrese nombre");
            e.preventDefault();
        }
        else if(correoElectronico=="" || correoElectronico==undefined){
            $("#correo").focus();
            alert("Ingrese correo electrónico");
            e.preventDefault();
        }
        else if(telefono=="" || telefono==undefined){
            $("#telefono").focus();
            alert("Ingrese teléfono");
            e.preventDefault();
        }
        else if(asunto=="" || asunto==undefined){
            $("#asunto").focus();
            alert("Ingrese asunto");
            e.preventDefault();
        }
        else if(mensaje=="" || mensaje==undefined){
            $("#mensaje").focus();
            alert("Ingrese mensaje");
            e.preventDefault();
        }else{
            <?php /* ?>
            $.ajax({
                type: "post",
                url: "<?php echo url_for('@enviarMensaje'); ?>",
                data: {
                    nombreCompleto: nombreCompleto,
                    correoElectronico: correoElectronico,
                    telefono: telefono,
                    asunto: asunto,
                    mensaje: mensaje
                },
                success: function(data){
                    if(data=="exito"){
                        alert("El mensaje se ha enviado satisfactoriamente, pronto un asesor de ventas se comunicará el teléfono "+telefono+". Muchas gracias por contactarnos.");
                    }else if(data=="error"){
                        alert("Ha ocurrido un error en el envío del mensaje, por favor intente nuevamente en unos minutos.");
                    }
                    $("#nombre").val('');
                    $("#correo").val('');
                    $("#telefono").val('');
                    $("#asunto").val('');
                    $("#mensaje").val('');
                },
                error: function(html){
                    alert("Ha ocurrido un error en el envío del mensaje, por favor intente nuevamente en unos minutos.");
                }
            });
            <?php */ ?>
        }
    });
});
</script>
<!-- Main -->
<section id="main" class="container small">
    <header>
        <h2>Contáctanos</h2>
        <p>Llama a nuestros teléfonos o déjanos un mensaje, nos comunicaremos contigo lo antes posible.</p>
    </header>
    <div class="box">
        <h3>Puedes contactarnos:</h3>
        <div class="row uniform 50%">
            <div class="6u 12u(mobilep)">
                <h5><b>Por Correo Electrónico</b></h5>
                Área de Ventas: <a href="mailto:ventas@velzab.com">ventas@velzab.com</a>
                <br />
                Área de Soporte: <a href="mailto:soporte@velzab.com">soporte@velzab.com</a>
                <br /><br />
                <h5><b>Horario de atención</b></h5>
                Lunes a Sábado de 8:00 a.m. a 8:00 p.m.
            </div>
            <div class="6u 12u(mobilep)">
                <h5><b>Por Teléfono</b></h5>
                998-846-979 (RPC)
                <br />
                #989-719-758 (RPM)
            </div>
        </div>
        <br />
        <h3>O puedes enviarnos un mensaje llenando el formulario</h3>
        <form method="post" action="<?php echo url_for('@enviarMensaje'); ?>">
            <div class="row uniform half collapse-at-2">
                <div class="6u">
                    <input type="text" name="nombreCompleto" id="nombreCompleto" value="" placeholder="Nombre Completo" />
                </div>
                <div class="6u">
                    <input type="email" name="correoElectronico" id="correoElectronico" value="<?php echo $correo; ?>" placeholder="Correo Electrónico" />
                </div>
            </div>
            <div class="row uniform half collapse-at-2">
                <div class="6u">
                    <input type="text" name="asunto" id="asunto" value="<?php echo $asunto; ?>" placeholder="Asunto" />
                </div>
                <div class="6u">
                    <input type="text" name="telefono" id="telefono" value="" placeholder="Teléfono" />
                </div>
            </div>
            <div class="row uniform half">
                <div class="12u">
                    <textarea name="mensaje" id="mensaje" placeholder="Ingresa tu mensaje" rows="6"></textarea>
                </div>
            </div>
            <div class="row uniform">
                <div class="12u">
                    <ul class="actions align-center">
                        <li><input type="submit" value="Enviar Mensaje" /></li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</section>